<template>
    <div class="common-layout">
        <el-container>
            <el-header class="header">学生管理系统</el-header>
            <el-container>
                <el-aside width="200px">
                    <el-menu
                        active-text-color="#ffd04b"
                        background-color="#545c64"
                        class="el-menu-vertical-demo"
                        default-active="2"
                        text-color="#fff"
                        :router="true"
                    >
                        <el-menu-item index="/manage/student">
                            <el-icon><icon-menu /></el-icon>
                            <span>学生管理</span>
                        </el-menu-item>
                        <el-menu-item index="/manage/teacher" >
                            <el-icon><document /></el-icon>
                            <span>老师管理</span>
                        </el-menu-item>
                        <el-menu-item index="/manage/class">
                            <el-icon><setting /></el-icon>
                            <span>班级管理</span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <el-main>
                    <nuxt-child></nuxt-child>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script lang="ts" setup>
</script>

<style>
.header{
    background: cyan;
}
</style>